<template>
<div class="risk">
  <div class="header">
    <div class="left fl">
      <img src="../../assets/images/back2x.png" @click='back()'>
    </div>
    <div class="center">
      <div class="title">综合表现说明</div>
    </div>
  </div>
  <div class="explain">
    <div class="account" v-for='item,index in performance'>
      <p class="title">
        <img src="../../assets/images/flagBlue2x.png" alt="">
        <span v-text='item.title'></span>
      </p>
      <p class="content" v-text='item.content'></p>
    </div>
  </div>
</div>
</template>

<script>
export default {
  data() {
    return {
      performance: [{
          'title': '1.收益能力',
          'content': '用自己的收益率与沪深300指数比较，跑赢相应指数次数越多，收益能力越强。持有赚钱股票越多，持股成功率越高'
        },
        {
          'title': '2.选股能力',
          'content': '选取买入股票跑赢对应板块股票只数越多，显示选股能力越强'
        },
        {
          'title': '3.仓位控制',
          'content': '反映您的仓位控制情况，您在大跌前清仓，在大盘上涨前满仓，表示选股能力强'
        },
        {
          'title': '4.盘面感知',
          'content': '反映您每一个买入卖出时点与收盘价的差值，低买高卖次数越多，盘面感知能力越强'
        },
        {
          'title': '5.风险控制',
          'content': '根据收益波动率波动大小，判断收益稳定率'
        }
      ]
    }
  },
  methods: {
    back() {
      this.$router.go(-1)
    }
  }
}
</script>

<style scoped>
.header {
  width: 100%;
  height: 0.44rem;
  background: #212138;
  color: #fff;
  position: fixed;
  top: 0;
  z-index: 19999999;
  margin-top: 0;
  text-align: center;
  line-height: 0.44rem;
}


.left {
  width: 0.18rem;
  height: 0.18rem;
}

.left img {
  display: inline-block;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  margin-left: 0.15rem
}

.title {
  font-size: 0.18rem;
}

.explain {
  margin-top: 0.5rem;
  border-top: 1px solid #fff;
  background-color: white;
  color: #555;
  padding: 0.15rem;
}
.explain>div:nth-child(n+2){
  margin-top: 0.2rem
}
.account img {
  display: inline-block;
  height: 0.14rem;
}

.title span {
  font-size: 0.16rem;
}

.content {
  font-size: 0.12rem;
}
</style>
